<style>
    .xh-form .btn{
        margin-right: 0px;
    }
    .xh-form tr td:nth-child(2n){
        padding: 5px 20px 5px 0;
    }
    td >label{
        float: right;
        margin-right: 10px;
    }
    body {
        background-color: #f9f9f9;
    }
    .layui-timeline-title > a {
        cursor: pointer;
    }
    .edit {
        color:#bf4644 !important;
    }
</style>
<script>
    var info = {{ info | json_encode }};
    var staffId = {{ staffId }};
</script>
<form id="xh_form" class="xh-form"  method="post" style="margin-left: 20px;">
    <div class="xh-area-form">
        <table style="width: 100%">
            <tr>
                <td style="width: 100px;"><label>姓名</label></td>
                <td style="width: 250px;">
                    {% if info['sStaffName'] %}
                        {{ info['sStaffName'] }}
                    {% else %}
                        <input   name="sStaffName"   type="text"  >
                    {% endif %}
                    <input name="iStaffId" type="hidden">
                </td>
                <td style="width: 100px;">
                    <label>入职日期</label>
                </td>
                <td>
                    <input name="tHireDate" type="month">
                </td>
                <td style="width: 100px;">
                    <label>职位</label>
                </td>
                <td>
                    {% if info['sPostName'] %}
                        {{ info['sPostName'] }}
                    {% else %}
                        <input   name="sPostName"   type="text"  >
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td><label>入职部门</label></td>
                <td>
                    <select name="depId" style="width: 250px;">
                        <option value="">请选择</option>
                        {% if depArr is defined %}
                            {% for id,text in depArr %}
                                <option value="{{ id }}">{{ text }}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                    {#<input type="text" name="depName">#}
                </td>
                <td style="width: 75px;">
                    <label>试用期限</label>
                </td>
                <td>
                    <input name="sProbationDate" type="text">
                </td>
                <td style="width: 75px;">
                    <label>转正日期</label>
                </td>
                <td>
                    <input name="tRegularDate" type="month">
                </td>
            </tr>
            <tr>
                <td style="width: 75px;">
                    <label>户籍性质</label>
                </td>
                <td>
                    <select name="iRegisterType" >
                        <option value="">请选择</option>
                        {% for id,text in registerType %}
                            <option value="{{ id }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                </td>
                <td style="width: 75px;">
                    <label>试用期薪金</label>
                </td>
                <td>
                    <input name="sProbationSalary" type="text">
                </td>
                <td style="width: 75px;">
                    <label>转正后薪金</label>
                </td>
                <td>
                    <input name="sRegularSalary" type="text">
                </td>

            </tr>
            {#<tr>#}
                {#<td style="width: 75px;">#}
                    {#<label>社保缴纳日期</label>#}
                {#</td>#}
                {#<td>#}
                    {#<input name="tSocialPayDate" type="month">#}
                {#</td>#}
                {#<td style="width: 75px;">#}
                    {#<label>合同领用情况</label>#}
                {#</td>#}
                {#<td>#}
                    {#<input name="sContractStatus" type="text">#}
                {#</td>#}
                {#<td style="width: 75px;">#}
                    {#<label>合同期限</label>#}
                {#</td>#}
                {#<td>#}
                    {#<input name="sContentDate" type="text">#}
                {#</td>#}
            {#</tr>#}
            {#<tr>#}
                {#<td><label>社保缴纳日期</label></td>#}
                {#<td><input name="sSocialPayDate" ></td>#}
                {#<td><label>社保缴纳状态</label></td>#}
                {#<td><input  name="sSocialPayStatus" type="text" ></td>#}
                {#<td><label>公积金缴纳状态</label></td>#}
                {#<td><input   name="sSurplusPayStatus" type="text"></td>#}
            {#</tr>#}

            <tr>
                <td><label>社保缴纳开始月份</label></td>
                <td><input name="sSocialPayDate" type="text" ></td>
                <td><label>社保缴纳情况</label></td>
                <td><input name="sSocialPayStatus" type="text" ></td>
                <td><label>意外险缴纳时间</label></td>
                <td><input name="sInsuranceDate" type="text" ></td>
            </tr>
            <tr>
                <td><label>公积金缴纳月份</label></td>
                <td><input name="sSurplusPayDate" type="text" ></td>
                <td><label>公积金基数</label></td>
                <td><input name="sSurplusPayRate" type="text" ></td>
                <td><label>公积金缴纳情况</label></td>
                <td><input name="sSurplusPayStatus" type="text" ></td>
            </tr>

            <tr>
                <td><label>合同领用情况</label></td>
                <td>{% if info['sContractStatus'] %}{{ info['sContractStatus'] }} {% else %} <input   name="sContractStatus"   type="text"  >{% endif %}</td>
                <td><label>合同期限</label></td>
                <td>
                    {% if info['sContentDate'] %}
                        {{ info['sContentDate'] }}
                    {% else %}
                        <input   name="sContentDate"   type="text"  >
                    {% endif %}
                </td>
                <td><label>签订次数</label></td>
                <td>
                    {% if info['iSignNumber'] %}
                        {{ info['iSignNumber'] }}
                    {% else %}
                        <input   name="iSignNumber"   type="text"  >
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td><label>招商银行卡号</label></td>
                <td colspan="3"><input name="sBankCard" type="text" ></td>
                <td><label>支行信息</label></td>
                <td><input name="sBankInfo" type="text" ></td>
            </tr>
            <tr>
                <td><label>是否在休假</label></td>
                <td>
                    <select  name="bInHoliday" >
                        <option style="display: none" value="" selected>请选择</option>
                        <option  value="0" >否</option>
                        <option  value="1">是</option>
                    </select>
                </td>
                <td><label>职位等级:</label></td>
                <td><select   name="iStaffLevel"   type="text"  >
                        <option value="" style="display: none" selected>请选择</option>
                        {% for id,text in iStaffLevel %}
                            <option value="{{ id }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                </td>
            </tr>
            <tr>
                <td><label>工作状态:</label></td>
                <td>
                    <select  name="iWorkStatus" >
                        <option style="display: none" value="" selected>请选择</option>
                        {% for id,text in  iWorkStatus %}
                            <option value="{{ id }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                </td>
                <td><label>职工状态:</label></td>
                <td>
                    <select  name="iStaffStatus" >
                        <option style="display: none" value="" selected>请选择</option>
                        {% for id,text in  iStaffStatus %}
                            <option value="{{ id }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                </td>

                <td><label>录用状态:</label></td>
                <td>
                    <select  name="iOfferStatus" >
                        <option style="display: none" value="" selected>请选择</option>
                        {% for id,text in  iOfferStatus %}
                            <option value="{{ id }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                </td>

            </tr>
            <tr>
                <td><label>离职时间:</label></td>
                <td><input class="form-date" name="tLeaveTime" type="text" readonly></td>
                <td><label>退休时间:</label></td>
                <td><input class="form-date" name="tRetireTime" type="text" readonly></td>
            </tr>
            <tr>
                <td><label>百分邮箱:</label></td>
                <td><input  name="sHundredMail" type="text" placeholder="XXX@100fen.cn"></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <a id="save" class="btn btn-primary">保存</a>
                </td>
            </tr>
        </table>
    </div>
</form>

{#<div class="row" style="margin-top: 20px;">#}
    {#<div class="col-md-12">#}
        {#<h2 class="header-text m-top-lg">审批意见 {% if approveArr is defined and approveArr['manager'] is  defined  %}<a id="employ" class="btn btn-primary pull-right" style="margin-right: 10px;">确认录用</a>{% endif %}</h2>#}
    {#</div>#}
    {#<div class="col-md-10 col-md-offset-1">#}
        {#<ul  class="layui-timeline">#}
            {#<li class="layui-timeline-item">#}
                {#<i class="layui-icon layui-timeline-axis"></i>#}
                {#<div class="layui-timeline-content layui-text">#}
                    {#{% if approveArr is defined and approveArr['dep'] is defined %}#}
                        {#<h3 class="layui-timeline-title"> 用人部门意见  <a class="pull-right btn-sm edit" onclick="obj.funObj().editForm({{ approveArr['dep']['iRAId'] }},'{{  approveArr['dep']['mDesc'] }}')"><i class="fa fa-edit fa-md "></i>编辑</a>  </h3>#}
                        {#<p style="font-size: medium">{{ approveArr['dep']['mDesc'] }}</p>#}
                        {#<p style="font-size: smaller;text-align: right;margin-right: 10px;color: darkgray">{{ approveArr['dep']['sUserName'] }}</p>#}
                        {#<p style="font-size: smaller;text-align: right;margin-right: 10px;color: darkgray">{{ approveArr['dep']['sDate'] }}</p>#}
                        {#{% else %}#}
                            {#<h3 class="layui-timeline-title"> 用人部门意见  <a class="pull-right btn-sm" onclick="obj.funObj().addForm('dep')"><i class="fa fa-plus fa-md "></i>新增</a>  </h3>#}
                            {#<p style="font-size: medium">待录入</p>#}
                    {#{% endif %}#}
                {#</div>#}
            {#</li>#}
            {#{% if approveArr is defined and approveArr['dep'] is  defined %}#}
                {#<li class="layui-timeline-item">#}
                    {#<i class="layui-icon layui-timeline-axis"></i>#}
                    {#<div class="layui-timeline-content layui-text">#}
                        {#{% if approveArr is defined and approveArr['resource'] is defined %}#}
                        {#<h3 class="layui-timeline-title"> 人力资源部意见  <a class="pull-right btn-sm edit" onclick="obj.funObj().editForm({{ approveArr['resource']['iRAId'] }},'{{  approveArr['resource']['mDesc'] }}')"><i class="fa fa-edit fa-md "></i>编辑</a>  </h3>#}
                        {#<p style="font-size: medium">{{ approveArr['resource']['mDesc'] }}</p>#}
                        {#<p style="font-size: smaller;text-align: right;margin-right: 10px;color: darkgray">{{ approveArr['resource']['sUserName'] }}</p>#}
                        {#<p style="font-size: smaller;text-align: right;margin-right: 10px;color: darkgray">{{ approveArr['resource']['sDate'] }}</p>#}
                        {#{% else %}#}
                            {#<h3 class="layui-timeline-title"> 人力资源部意见  <a class="pull-right btn-sm" onclick="obj.funObj().addForm('resource')"><i class="fa fa-plus fa-md "></i>新增</a>  </h3>#}
                            {#<p style="font-size: medium">待录入</p>#}
                        {#{% endif %}#}
                    {#</div>#}
                {#</li>#}
                {#{% if approveArr is defined and approveArr['resource'] is  defined %}#}
                    {#<li class="layui-timeline-item">#}
                        {#<i class="layui-icon layui-timeline-axis"></i>#}
                        {#<div class="layui-timeline-content layui-text">#}
                            {#{% if approveArr is defined and approveArr['manager'] is defined %}#}
                                {#<h3 class="layui-timeline-title"> 总经理意见  <a class="pull-right btn-sm edit" onclick="obj.funObj().editForm({{ approveArr['manager']['iRAId'] }},'{{  approveArr['manager']['mDesc'] }}')"><i class="fa fa-edit fa-md "></i>编辑</a>  </h3>#}
                                {#<p style="font-size: medium">{{ approveArr['manager']['mDesc'] }}</p>#}
                                {#<p style="font-size: smaller;text-align: right;margin-right: 10px;color: darkgray">{{ approveArr['manager']['sUserName'] }}</p>#}
                                {#<p style="font-size: smaller;text-align: right;margin-right: 10px;color: darkgray">{{ approveArr['manager']['sDate'] }}</p>#}
                            {#{% else %}#}
                                {#<h3 class="layui-timeline-title"> 总经理意见  <a class="pull-right btn-sm" onclick="obj.funObj().addForm('manager')"><i class="fa fa-plus fa-md "></i>新增</a>  </h3>#}
                                {#<p style="font-size: medium">待录入</p>#}
                            {#{% endif %}#}
                        {#</div>#}
                    {#</li>#}
                {#{% endif %}#}
            {#{% endif %}#}
        {#</ul>#}
    {#</div>#}

{#</div>#}